@import "./base/color";
@import "./base/icons";
@import "./base/AddressSelect";
@import "./base/minmix";        //混合函数
@import "./base/fomal";
@import "./base/modal";
@import "./base/table";         //表格
@import "./base/input";
@import "./base/btn";
@import "./base/checkbox";
@import "./base/rightSlip";     //右侧滑层组件
@import "./base/tag";           //标签

@import "head_sider";    //头部和左侧
@import "contentBox";    //框架内容
@import "order";         //订单
@import "bigdata";       //大数据
@import "login";         //登录
@import "organize";      //组织架构
@import "ticket";        //小票
@import "goods";        //商品
@import "animate.min.css";
@import "company";
@import "guarantor";
html,body{
  overflow: hidden;
  font-family:'CommunityIcons',Helvetica,Arial,sans-serif !important;
  font-size: 14px;
  width: 100%;
  height: 100%;
}

.clearfix{
  @include clearfix;
}
*{
  margin: 0;
  padding: 0;
  @include huanhang;
}
a{
  &:focus{
    text-decoration: none !important;
  }
}
///* 设置滚动条的样式 */
//::-webkit-scrollbar {
//  width: 8px;
//  height: 8px;
//}
//::-webkit-scrollbar-thumb {
//  background-color: #ddd;
//}

.product-count span{
    font-weight: normal;
}

.product-static .product-count{
  font-size: 15px;
  display: inline-block;
  font-weight: bold;
  padding-right: 30px;
}


.search-cont2 .main-left,.search-cont2 .main-right{
  //float: left;
  margin-left: 10px;
}
.search-cont2 .main-left{
  float: left;
  border: 1px solid #d9d9d9;
  width: 20%;
  padding: 10px;
}
.search-cont2 .main-right{
  float: right;
  //border: 1px solid red;
  width: 75%;
}

.mybtn{
  width: 100%;
  margin-top: 20px;
}
.mybtn button{
  width: 100%;
}

//带有clear的输入框
.ant-input-clear .ant-input:not(:last-child){
  padding-right:55px !important;
}

.ant-form-item-required:before {
  display: inline-block;
  margin-right: 4px;
  content: "*";
  font-family: SimSun;
  line-height: 1;
  font-size: 14px;
  color: #f5222d;
}

.ele-hidden {
  visibility: hidden;
}

.valid-tag {
    animation-duration: 0.2s;
    animation-delay: 0s;
    animation-iteration-count: inherit;
}
.register-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: #f0f2f5!important;
  overflow: auto;
}
.steps-content {
  margin-top: 16px;
  margin-bottom:16px;
  border: 1px dashed #e9e9e9;
  border-radius: 6px;
  background-color: #fafafa;
  min-height: 200px;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 80px;
}

.steps-action {
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.step-wrapper {
  border-bottom: 1px solid #ebedf0;
  padding: 42px 24px 50px;
  color: rgba(0,0,0,0.65);
}

.register-ant-row {
  div[class*="ant-col-"] {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

.register-result-title {
  font-size: 24px;
  color: rgba(0,0,0,.85);
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 16px;
  margin-top: 60px;
}

.right-box .search-cont .search-btncont-left{
  text-align:left;
  float:left;
  margin-top: 8px;
}

.right-box .search-cont .search-btncont-right{
  margin-right: 8px;
  margin-top: 8px;
}


.ant-table-fixed .ant-table-row, .ant-table-wrapper .ant-table-fixed td{
  height: 45px !important;
}

.sider-one span{
  margin-left: 3px;
}

.sider-one .sider-name{
  opacity: 0;
}




.sider-flod {
   flex: 0 0 80px;
  /* max-width: 80px;
   min-width: 80px;
   width: 80px;*/
  //padding-left: 24px;
 }
.animate-slider-flod{
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeRoute-slider-flod;
}

.sider-flod .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{
  //animation-duration: 1s;
  //animation-fill-mode: both;
  //animation-name: fadeRoute-slider-flod;
  width: 80px;
}

.sider-flod .ant-menu-item{
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeRoute-slider-flod;
}

@keyframes fadeRoute-slider-flod {
  from {
    width: 190px;
  }
  to {
    width: 80px;
  }
}

.sider-show{
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeRoute-slider-show;
}
.sider .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{
  //animation-duration: 1s;
  //animation-fill-mode: both;
  //animation-name: fadeRoute-slider-show;
  width: 190px;
}
@keyframes fadeRoute-slider-show {
  from {
    width: 80px;
  }
  to {
    width: 190px;
  }
}

.sider ul, .sider-flod ul{
  margin-top: 10px;
}

//.sider-flod{
//  flex: 0 0 140px;
//  max-width: 140px;
//  min-width: 140px;
//  width: 140px;
//  height: 100%;
//  background-color: #313a43;
//  position: absolute;
//  left: 0;
//  top: 0;
//  bottom: 0;
//  z-index: 99;
//  overflow-y: auto;
//  overflow-x: hidden;
//}
 .right-box-fold{
   position: absolute;
   top: 0;
   overflow-y: auto;
   bottom: 0;
   right: 0;
   left: 80px;
   min-width: 800px;
}

.right-box-fold .search-cont .search-btncont-left {
  text-align: left;
  float: left;
  margin-top: 8px;
}

.right-box-fold .search-cont .search-btncont-right {
  margin-right: 8px;
  margin-top: 8px;
}

//.head .head-logo{
//  width: 190px;
//  height: 55px;
//  line-height: 55px;
//  text-align: center;
//  background: #313a43;
//  float: left;
//  display: flex;
//  justify-content: center;
//  align-items: center;
//}

.head{
  margin-left: 190px !important;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeRoute-head-show;
}

@keyframes fadeRoute-head-show {
  from {
    margin-left: 80px;
  }
  to {
    margin-left: 190px;
  }
}

@keyframes fadeRoute-head-flod {
  from {
    margin-left: 190px;
  }
  to {
    margin-left: 80px;
  }
}

.head-flod{
  margin-left: 80px !important;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeRoute-head-flod;
}

@keyframes fadeRoute-main-show {
  from {
    left: 80px;
  }
  to {
    left: 190px;
  }
}

@keyframes fadeRoute-main-flod {
  from {
    left: 190px;
  }
  to {
    left: 80px;
  }
}

.main .rightWarp .right-box {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeRoute-main-show;
}

.main .rightWarp .right-box-fold {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeRoute-main-flod;
}

.head .head-logo{
  width: 190px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  background: #313a43;
  float: left;
  //margin-left: -45px;
  //display: flex;
  //justify-content: flex-start;
  //align-items: flex-start;
}


.head-flod .head-logo-flod{
  width: 80px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  background: #313a43;
  float: left;
  //display: flex;
  //justify-content: center;
  //align-items: center;
}

.head-flod .head-logo-flod span:last-child{
  opacity: 0;
  display: none;
}

.head-flod .head-logo-flod span:first-child{
  opacity: 1;
  margin-left: 68px;
}

.head-logo-flod .head-home{
  margin-top: 10px;
  margin-left: -60px;
  display: inline-block;
}

.head .head-logo .home-li{
  width: 190px;
  height: 40px;
  background-color: #108ee9;
  list-style: none;
}

.head-logo .head-home{
  margin-top: 10px;
  margin-left: -60px;
}

.head-home span{
  margin-left: 10px;
  font-size: 14px;
  color: hsla(0,0%,100%,.65);
}

 //.head .head-logo-flod{
 //  width: 80px;
 //  height: 55px;
 //  line-height: 55px;
 //  text-align: center;
 //  background: #313a43;
 //  float: left;
 //  display: flex;
 //  justify-content: center;
 //  align-items: center;
 //}

.anticon-menu-fold:hover{
  color: #1890ff
}

.anticon-menu-unfold:hover{
  color: #1890ff
}

.m-icon{
  font-size: 20px !important;
  color: white !important;
}

.animate-route{
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-name: fadeRoute;
}
@keyframes fadeRoute {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.table-a-cont{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.table-a-cont button{
  margin: 3px 5px 3px 5px;
}

.table-a-cont .delete,.table-a-cont .delete:hover{
  border-color: #f56c6c !important;
}


.table-a-cont .delete,.table-a-cont .delete:hover{
  //margin-left: 20px;
  color: #fff !important;
  background-color: #f56c6c !important;
}

.table-a-cont .start,.table-a-cont .start:hover{
  border-color: #13ce66 !important;
}

.table-a-cont .start,.table-a-cont .start:hover{
  //margin-left: 20px;
  color: #fff !important;
  background-color: #13ce66 !important;
}

.op-state span , .op-state a{
  display: block;
}

.op-state a{
  margin-top: 5px;
}

.navigation-bar{
  margin-bottom: 10px;
  //border-bottom: 1px solid blue;
}

//.navigation-bar .ant-breadcrumb >span:first-child>a{
//  text-decoration:none;
//  color:rgba(0,0,0,.45);
//}


.navigation-bar .ant-breadcrumb >span:last-child>a{
  text-decoration:none;
  color:rgba(0,0,0,.45);
}

.right-box .title-h2 {
  font-size: 20px;
  border-bottom: 1px solid #d9d9d9;
  padding: 0 16px 16px 0;
  margin-bottom: 8px;
}